import React from 'react'
import { Link } from 'react-router-dom'

const Header: React.FC = () => {
  return (
    <header>
      <nav className='navbar'>
        <div className='navbar-brand'>
          <Link to='/' className='logo'>
            <img src='/public/vite.svg' alt='Logo' height='50' />
            <span>My App</span>
          </Link>
        </div>
        <ul>
          <li>
            <Link to='/create'>Create</Link>
          </li>
          <li>
            <Link to='/list'>List</Link>
          </li>
        </ul>
      </nav>
    </header>
  )
}

export default Header
